<html>
	<head>
        <title>靖江市万事鑫联运</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<link type="text/css" href="css/common.css" rel="stylesheet">
		<link type="text/css" href="css/banner.css" rel="stylesheet">
		<link type="text/css" href="css/prompt.css" rel="stylesheet">
		<link rel="shortcut icon" href="favicon.ico" />
		<style>
			.view1{
				width:100%;
				height:370px;
				padding:50px 0;
				background:#ffffff;
			}
			.view1-left{
				width:500px;
				height:370px;
				background:#1596fa;
				margin-right:20px;
				float:left;
			}
			.view1-left-view{
				width:460px;
				height:330px;
				margin-top:20px;
				background:#ffffff;
			}
			.view1-left-tab{
				background:#1596fa;
			}
			.view1-left-tab-item{
				display:inline-block;
				width:120px;
				height:50px;
				font-size:16px;
				line-height:50px;
				background:#1596fa;
				color:#ffffff;
				cursor:pointer;
			}
			.view1-left-tab-item:hover{
				background:#ffffff;
				color:#1596fa;
			}
			.view1-left-tab-active{
				background:#ffffff;
				color:#1596fa;
			}
			.view1-left-tab-item img{
				width:22px;
				height:22px;
				vertical-align:top;
				margin:14px 4px 0 15px;
			}
			.view1-left-content{
				display:none;
				font-size:15px;
				padding:30px 20px;
			}
			.visible{
				display:block;
			}
			.view1-left-content input[type="text"],.view1-left-content input[type="password"]{
				width:420px;
				height:44px;
				font-size:16px;
				margin-bottom:20px;
				padding:0 10px;
				outline:0;
			}
			.view1-left-content input[type="button"]{
				height:44px;
				font-size:16px;
				margin-top:20px;
				cursor:pointer;
			}
			#user-forget{
				display:block;
				width:64px;
				font-size:16px;
				margin-right:0;
				cursor:pointer;
			}
			#user-forget:hover{
				text-decoration:underline;
			}
			#user-login,#user-register,#user-exit{
				width:200px;
			}
			#user-register{
				margin-left:20px;
			}
			.user-hello{
				display:none;
				font-size:18px;
				margin-bottom:20px;
				text-align:center;
			}
			#user-name{
				font-size:18px;
			}
			#user-exit{
				display:none;
				margin-left:110px;
			}
			#order-query{
				width:420px;
			}
			.view1-right{
				width:680px;
				height:370px;
				float:left;
			}
			.view1-right-title{
				height:30px;
			}
			#ps-title{
				font-size:26px;
				margin-left:60px;
			}
			#ps-more{
				display:inline-block;
				width:90px;
				height:28px;
				font-size:16px;
				line-height:28px;
				text-align:center;
				border:1px solid #dddddd;
				border-radius:15px;
				float:right;
				cursor:pointer;
			}
			#ps-more:hover{
				color:#1596fa;
				border:1px solid #1596fa;
			}
			.view1-right-content-item{
				width:110px;
				text-align:center;
				margin:25px 0 0 60px;
				float:left;
				cursor:pointer;
			}
			.view1-right-content-item img{
				width:110px;
				height:110px;
				border:2px solid #1596fa;
				border-radius:36px;
			}
			.view1-right-content-item span{
				display:inline-block;
				width:110px;
				font-size:16px;
				margin:10px 0 0 0;
			}
			.view2{
				width:100%;
				padding-bottom:60px;
				background:#ffffff;
			}
			.view2-title{
				height:80px;
				line-height:80px;
				text-align:center;
			}
			#title-tip{
				height:32px;
				vertical-align:top;
				margin-top:26px;
				margin-right:100px;
			}
			#manage-title{
				font-size:26px;
			}
			#title-hotline{
				height:36px;
				vertical-align:top;
				margin-top:24px;
				margin-left:100px;
			}
			.view2-item{
				width:285px;
				height:240px;
				margin:0 10px 20px 10px;
				box-shadow:1px 1px 6px #888888;
				float:left;
				cursor:pointer;
			}
			.view2-item-first{
				margin-left:0;
			}
			.view2-item-last{
				margin-right:0;
			}
			.view2-item-title{
				height:160px;
				font-size:24px;
				line-height:160px;
				text-align:center;
				background-image:url('images/bg1.jpg');
				background-size:100%;
				color:#ffffff;
			}
			.view2-item-detail{
				height:80px;
				background:#eeeeee;
			}
			.view2-item-city,.view2-item-price{
				height:40px;
				text-align:center;
			}
			.view2-item-city{
				line-height:50px;
			}
			.view2-item-price{
				line-height:30px;
			}
			.view2-item-city span,.view2-item-price span{
				font-size:16px;
			}
			.view2-item-citynum{
				display:inline-block;
				width:32px;
				height:22px;
				line-height:22px;
				color:red;
				border:1px solid red;
				margin:0 6px;
			}
			.contact-view{
				position:fixed;
				bottom:20px;
				right:0;
				color:#ffffff;
				z-index:999;
			}
			.contact-img{
				display:block;
				width:40px;
				height:40px;
				font-size:15px;
				margin-top:10px;
				background:#444444;
				cursor:pointer;
			}
			.contact-img:hover{
				background:#f44749;
			}
			.contact-img:nth-child(5):hover{
				background:#aaaaaa;
			}
			.contact-img img{
				width:22px;
				height:22px;
				margin-top:9px;
				margin-left:9px;
			}
			.contact-tip{
				display:none;
				height:32px;
				background:#f44749;
				position:absolute;
				right:50px;
				margin-top:-36px;
				padding:0 6px;
				white-space:nowrap;
			}
			.arrow{
				position:absolute;
				width:10px;
				height:10px;
				top:12px;
				right:-10px;
			}
			.arrow em{
				display:block;
				font-size:0;
				line-height:0;
				border-top:6px solid transparent;
				border-bottom:1px solid transparent;
				border-right:1px solid transparent;
				border-left:9px solid #f44749;
			}
			.tip-content{
				font-size:15px;
				line-height:32px;
				text-align:right;
			}
			.line-view{
				display:none;
				width:840px;
				height:auto;
				position:fixed;
				top:50%;
				left:50%;
				margin-top:-200px;
				margin-left:-420px;
				background:#ffffff;
				box-shadow:0 0 6px #333333;
				z-index:999;
			}
			.line-close{
				width:34px;
				height:34px;
				font-size:30px;
				font-weight:bold;
				line-height:22px;
				border:4px solid #555555;
				border-radius:50%;
				background:#ffffff;
				color:#333333;
				text-align:center;
				box-sizing:border-box;
				position:absolute;
				margin-top:-15px;
				margin-left:822px;
				cursor:pointer;
			}
			.line-close:hover{
				border:3px solid #ffffff;
				background:#f44749;
				color:#ffffff;
			}
			.line-top{
				height:100px;
				background-image:url('images/bg1.jpg');
				background-size:contain;
			}
			.line-top div{
				display:inline-block;
				vertical-align:top;
			}
			.line-top-left{
				width:140px;
				font-size:28px;
				line-height:100px;
				color:#ffffff;
				margin-left:250px;
			}
			.line-top-center{
				width:150px;
				height:60px;
				color:#ffffff;
				margin-left:20px;
				margin-top:20px;
			}
			.line-top-center span{
				display:inline-block;
				width:150px;
				font-size:18px;
				line-height:30px;
				text-align:right;
			}
			.line-top-right{
				width:22px;
				font-size:22px;
				line-height:100px;
				color:orange;
				margin-left:10px;
			}
			.line-center{
				height:auto;
				max-height:280px;
				padding:0 0 0 20px;
				box-sizing:border-box;
				overflow-y:auto;
			}
			.line-center div{
				display:inline-block;
				vertical-align:top;
			}
			.line-center-list{
				display:inline-block;
			}
			.line-center-none{
				width:640px;
				height:64px;
				font-size:16px;
				line-height:64px;
			}
			.line-center-city{
				display:inline-block;
				width:200px;
				height:64px;
				padding:7px 0;
				box-sizing:border-box;
			}
			.line-center-city1{
				border-bottom:1px solid #000000;
				border-right:1px solid #000000;
			}
			.line-center-city2{
				border-bottom:1px solid #000000;
				border-right:0 solid #000000;
			}
			.line-center-city3{
				border-bottom:0 solid #000000;
				border-right:1px solid #000000;
			}
			.line-center-city4{
				border-bottom:0 solid #000000;
				border-right:0 solid #000000;
			}
			.line-center-left{
				display:inline-block;
				width:75px;
				height:50px;
				text-align:center;
			}
			.line-center-left div{
				font-size:16px;
				position:relative;
				top:50%;
				transform:translateY(-50%);
			}
			.line-center-right{
				display:inline-block;
				width:124px;
				height:50px;
			}
			.line-center-right span{
				display:inline-block;
				width:124px;
				font-size:16px;
				line-height:25px;
			}
			.line-bottom{
				display:table-cell;
				width:840px;
				font-size:16px;
				background-image:url('images/bg1.jpg');
				background-size:contain;
				color:#ffffff;
				padding:24px 20px;
				box-sizing:border-box;
				vertical-align:middle;
			}
		</style>
	</head>
	<body id="os">
		<div class="nav">
			<div class="detail">
				<div class="logo" onclick="window.location.href='index.html'">
					<img id="logo" src="images/logo.png" />
				</div>
				<div class="nav-items">
					<div class="nav-item" onclick="navTo(0)" onmouseover="navOver(0)" onmouseout="navOut(0)">首页</div>
					<div class="nav-item" onclick="navTo(1)" onmouseover="navOver(1)" onmouseout="navOut(1)">产品与服务</div>
					<div class="nav-item" onclick="navTo(2)" onmouseover="navOver(2)" onmouseout="navOut(2)">线上营运中心</div>
					<div class="nav-item" onclick="navTo(3)" onmouseover="navOver(3)" onmouseout="navOut(3)">关于万事鑫</div>
				</div>
			</div>
		</div>
		<div class="subnav">
			<div class="detail">
				<div class="subnav-items" onmouseenter="subnavEnter(1)" onmouseleave="subnavLeave()">
					<div class="subnav-item" onclick="subnavTo(0)">产品介绍</div>
					<div class="subnav-item" onclick="subnavTo(1)">增值服务</div>
					<div class="subnav-item" onclick="subnavTo(2)">禁运品</div>
				</div>
				<div class="subnav-items" onmouseenter="subnavEnter(3)" onmouseleave="subnavLeave()">
					<div class="subnav-item" onclick="subnavTo(3)">公司简介</div>
					<div class="subnav-item" onclick="subnavTo(4)">业务部门</div>
					<div class="subnav-item" onclick="subnavTo(5)">联系我们</div>
					<div class="subnav-item" onclick="subnavTo(6)">加盟合作</div>
				</div>
			</div>
		</div>
		<div class="banner">
			<ul class="list">
				<li style="display:list-item;" class="bg2">
					<a href="#" target="_blank">
						<img src="images/bannerImg2.jpg" alt="" height="408" width="980">
						<p class="text1"><img src="images/banner2-1.png" alt="" height="511" width="543"></p>
						<p class="text2"><img src="images/banner2-2.png" alt="" height="511" width="543"></p>
						<p class="text3"><img src="images/banner2-3.png" alt="" height="164" width="401"></p>
						<p class="text4"><img src="images/banner2-4.png" alt="" height="72" width="144"></p>
						<p class="text5"><img src="images/banner2-5.png" alt="" height="66" width="378"></p>
						<p class="text6"><img src="images/banner2-6.png" alt="" height="33" width="321"></p>
						<p class="text7"><img src="images/banner2-7.png" alt="" width="390"></p>
					</a>
				</li>
				<li style="display:none;" class="bg4">
					<a href="#" target="_blank">
						<img src="images/bannerImg4.jpg" alt="" height="408" width="980">
						<p class="text1">我想</p>
						<p class="text2"><img src="images/banner4-1.png" alt="" height="18" width="66"></p>
						<p class="text3"><img src="images/banner4-4.png" alt="" height="94" width="167"></p>
						<p class="text4"><img src="images/banner4-6.png" alt="" height="106" width="432"></p>
						<p class="text5"><img src="images/banner4-5.png" alt="" height="57" width="237"></p>
						<p class="text6"><img src="images/banner4-2.png" alt="" height="62" width="304"></p>
						<p class="text7"><img src="images/banner4-3.png" alt="" height="240" width="197"></p>
					</a>
				</li>
				<li style="display:none;" class="bg3">
					<a href="#" target="_blank">
						<p class="text1"><img src="images/banner3-1.png" alt="" height="59" width="980"></p>
						<p class="text2-1"><img src="images/banner3-2-1.png" alt="" height="277" width="359"></p>
						<p class="text2-2"><img src="images/banner3-2-2.png" alt="" height="408" width="437"></p>
						<p class="text3"><img src="images/banner3-3.png" alt="" height="408" width="871"></p>
						<p class="text4">选择万事鑫，选择品质</p>
						<p class="text5"><img src="images/banner3-4.png" alt="" height="44" width="782"></p>
						<p class="text6">安全的运输保险</p>
						<p class="text7">准确的货物跟踪</p>
						<p class="text8">贴心的客户服务</p>
					</a>
				</li>
				<li style="display:none;" class="bg1">
					<a href="#" target="_blank">
						<img src="images/1383531804.jpg" alt="" height="408" width="980">
						<p class="text1 hover"><img src="images/1383539870.png" alt="" height="228" width="219"></p>
						<p class="text2 hover"><img src="images/1383535692.png" alt="" height="53" width="423"></p>
						<p class="text3 hover"><img src="images/1383533951.png" alt="" height="25" width="286"></p>
					</a>
				</li>
			</ul>
			<ul class="btn"></ul>
		</div>
		<div class="scroll">
			<div class="marquee">
				<img id="horn" src="images/horn.png" />
				<marquee behavior="scroll" direction="left" scrollamount="10" scrolldelay="0" onmouseover="this.stop();" onmouseout="this.start();">
					<p><a v-for="item in notice">{{item.content}}</a></p>
				</marquee>
			</div>
		</div>
		<div class="view1">
			<div class="detail">
				<div class="view1-left">
					<div class="view1-left-view">
						<div class="view1-left-tab">
							<div class="view1-left-tab-item view1-left-tab-active" onmouseover="view1LeftTabOver(0)"><img src="images/query0-active.png" />登录注册</div>
							<div class="view1-left-tab-item" onmouseover="view1LeftTabOver(1)"><img src="images/query1.png" />运单查询</div>
						</div>
						<div class="view1-left-content visible">
							<input id="user-phone" type="text" placeholder="请输入手机号" />
							<input id="user-passwd" type="password" placeholder="请输入密码" />
							<span id="user-forget" onclick="user_forget()">忘记密码</span>
							<div>
								<input id="user-login" type="button" value="登录" onclick="user_login()" />
								<input id="user-register" type="button" value="注册" onclick="user_register()" />
							</div>
							<div class="user-hello"><span id="user-name"></span>，欢迎您！</div>
							<div>
								<input id="user-exit" type="button" value="退出" onclick="user_exit()" />
							</div>
						</div>
						<div class="view1-left-content">
							<input id="order-id" type="text" placeholder="请输入运单号进行查询" />
							<input id="order-query" type="button" value="查询" onclick="order_query()" />
						</div>
					</div>
				</div>
				<div class="view1-right">
					<div class="view1-right-view">
						<div class="view1-right-title">
							<span id="ps-title">产品与服务</span>
							<span id="ps-more" onclick="view1RightContentTo(0)">更多>></span>
						</div>
						<div class="view1-right-content">
							<div class="view1-right-content-item" onclick="view1RightContentTo(0)" onmouseover="view1RightContentOver(0)" onmouseout="view1RightContentOut()">
								<img src="images/ps0.png" />
								<span>公铁联运</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(1)" onmouseover="view1RightContentOver(1)" onmouseout="view1RightContentOut()">
								<img src="images/ps1.png" />
								<span>公路零担</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(2)" onmouseover="view1RightContentOver(2)" onmouseout="view1RightContentOut()">
								<img src="images/ps2.png" />
								<span>公路配载</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(3)" onmouseover="view1RightContentOver(3)" onmouseout="view1RightContentOut()">
								<img src="images/ps3.png" />
								<span>大件运输</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(4)" onmouseover="view1RightContentOver(4)" onmouseout="view1RightContentOut()">
								<img src="images/ps4.png" />
								<span>货物保险</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(5)" onmouseover="view1RightContentOver(5)" onmouseout="view1RightContentOut()">
								<img src="images/ps5.png" />
								<span>上门提货</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(6)" onmouseover="view1RightContentOver(6)" onmouseout="view1RightContentOut()">
								<img src="images/ps6.png" />
								<span>送货上门</span>
							</div>
							<div class="view1-right-content-item" onclick="view1RightContentTo(7)" onmouseover="view1RightContentOver(7)" onmouseout="view1RightContentOut()">
								<img src="images/ps7.png" />
								<span>包装服务</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="view2">
			<div class="detail">
				<div class="view2-title">
					<img id="title-tip" src="images/title-tip.png" />
					<span id="manage-title">热门线路</span>
					<img id="title-hotline" src="images/title-hotline.png" />
				</div>
				<div class="view2-content" v-for="item in line">
					<div v-if="item.num%4==1" class="view2-item view2-item-first" onclick="view2ItemTo({{item.id}})" onmouseover="view2ItemOver({{item.num-1}})" onmouseout="view2ItemOut()">
						<div class="view2-item-title" v-bind:style="{backgroundImage:'url('+item.bg_image+')'}">{{item.province_name}}线</div>
						<div class="view2-item-detail">
							<div class="view2-item-city"><span>覆盖城市<span class="view2-item-citynum">{{item.count}}</span>个</span></div>
							<div class="view2-item-price"><span>{{item.lowest_price}} {{item.lowest_cost}} 起</span></div>
						</div>
					</div>
					<div v-if="item.num%4==2||item.num%4==3" class="view2-item" onclick="view2ItemTo({{item.id}})" onmouseover="view2ItemOver({{item.num-1}})" onmouseout="view2ItemOut()">
						<div class="view2-item-title" v-bind:style="{backgroundImage:'url('+item.bg_image+')'}">{{item.province_name}}线</div>
						<div class="view2-item-detail">
							<div class="view2-item-city"><span>覆盖城市<span class="view2-item-citynum">{{item.count}}</span>个</span></div>
							<div class="view2-item-price"><span>{{item.lowest_price}} {{item.lowest_cost}} 起</span></div>
						</div>
					</div>
					<div v-if="item.num%4==0" class="view2-item view2-item-last" onclick="view2ItemTo({{item.id}})" onmouseover="view2ItemOver({{item.num-1}})" onmouseout="view2ItemOut()">
						<div class="view2-item-title" v-bind:style="{backgroundImage:'url('+item.bg_image+')'}">{{item.province_name}}线</div>
						<div class="view2-item-detail">
							<div class="view2-item-city"><span>覆盖城市<span class="view2-item-citynum">{{item.count}}</span>个</span></div>
							<div class="view2-item-price"><span>{{item.lowest_price}} {{item.lowest_cost}} 起</span></div>
						</div>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
		<div class="footer">
			<div class="detail">
				<div class="footer-content footer-logo">
					<img src="images/logo2.png" />
				</div>
				<div class="footer-content footer-contact">
					<div class="footer-title">联系我们</div>
					<div class="footer-contact-div"><img src="images/time.png" />工作时间： 8:30 AM - 17:30PM</div>
					<div class="footer-contact-div"><img src="images/phone.png" />0523-81165089</div>
					<div class="footer-contact-div"><img src="images/email.png" />wanshixin2004@163.com</div>
					<div class="footer-contact-div"><img src="images/address.png" />江苏省靖江市南环路76号联运大厦</div>
				</div>
				<div class="footer-content footer-scan">
					<div class="footer-title">关注或下载</div>
					<div class="footer-qrcode">
						<img id="qrcode" src="images/qrcode.jpg" />
						<div class="footer-scan-tip">官方微信公众号</div>
					</div>
					<div class="footer-app">
						<img id="app" src="images/app.png" />
						<div class="footer-scan-tip">交付帮手APP</div>
					</div>
				</div>
				<div class="footer-copyright">Copyright &copy; 2018 靖江市万事鑫联运服务有限公司. All rights reserved. <a href="https://beian.miit.gov.cn" target="_blank">苏ICP备18030174号-1</a></div>
			</div>
		</div>
		<div class="mask"></div>
		<div class="prompt-view" id="alert-view">
			<div class="prompt-top">提示</div>
			<div class="prompt-center"></div>
			<div class="prompt-bottom">
				<input type="button" value="知道了" onclick="a_know()" />
			</div>
		</div>
		<div class="line-view" id="line-view">
			<div class="line-close" onclick="line_close()">×</div>
			<div class="line-top" v-bind:style="line_detail_bg">
				<div class="line-top-left">{{line_detail.province_name}}线</div>
				<div class="line-top-center">
					<span>{{line_detail.lowest_price}}</span>
					<span>{{line_detail.lowest_cost}}</span>
				</div>
				<div class="line-top-right">起</div>
			</div>
			<div class="line-center">
				<div class="line-center-list" v-if="line_detail.line_citys.length==0">
					<div class="line-center-none">暂无覆盖城市</div>
				</div>
				<div class="line-center-list" v-for="item in line_detail.line_citys" v-if="line_detail.line_citys.length!=0">
					<div v-if="item.num%4!=0&&line_detail.line_citys.length%4!=0&&item.num-parseInt(line_detail.line_citys.length/4)*4<=0" class="line-center-city line-center-city1">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4==0&&line_detail.line_citys.length%4!=0&&item.num-parseInt(line_detail.line_citys.length/4)*4<=0" class="line-center-city line-center-city2">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4!=0&&line_detail.line_citys.length%4!=0&&item.num-parseInt(line_detail.line_citys.length/4)*4>0" class="line-center-city line-center-city3">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4==0&&line_detail.line_citys.length%4!=0&&item.num-parseInt(line_detail.line_citys.length/4)*4>0" class="line-center-city line-center-city4">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4!=0&&line_detail.line_citys.length%4==0&&line_detail.line_citys.length-item.num>=4" class="line-center-city line-center-city1">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4==0&&line_detail.line_citys.length%4==0&&line_detail.line_citys.length-item.num>=4" class="line-center-city line-center-city2">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4!=0&&line_detail.line_citys.length%4==0&&line_detail.line_citys.length-item.num<4" class="line-center-city line-center-city3">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
					<div v-if="item.num%4==0&&line_detail.line_citys.length%4==0&&line_detail.line_citys.length-item.num<4" class="line-center-city line-center-city4">
						<div class="line-center-left" title="{{item.city_name}}"><div>{{item.city_name.substring(0,8)}}</div></div>
						<div class="line-center-right">
							<span>{{item.price}}</span>
							<span>{{item.cost}}</span>
						</div>
					</div>
				</div>
			</div>
			<div class="line-bottom" v-bind:style="line_detail_bg" v-if="line_detail.remark==null||line_detail.remark==''">暂无备注信息</div>
			<div class="line-bottom" v-bind:style="line_detail_bg" v-if="line_detail.remark!=null&&line_detail.remark!=''">{{line_detail.remark}}</div>
		</div>
		<div class="contact-view">
			<a href="http://sighttp.qq.com/msgrd?v=1&uin=2972769552" class="contact-img" onmouseover="showTip(0)" onmouseout="hideTip()"><img src="images/cqq.png" /></a>
			<div class="contact-tip">
				<div class="arrow">
					<em></em>
				</div>
				<div class="tip-content">2972769552</div>
			</div>
			<a class="contact-img" onmouseover="showTip(1)" onmouseout="hideTip()"><img src="images/cphone.png" /></a>
			<div class="contact-tip">
				<div class="arrow">
					<em></em>
				</div>
				<div class="tip-content">0523-81165089</div>
			</div>
			<a href="#top" class="contact-img"><img src="images/ctop.png" /></a>
		</div>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/focus.js"></script>
		<script type="text/javascript" src="js/vue.js"></script>
		<script type="text/javascript" src="js/prompt.js"></script>
		<script>
			var url="http://api.jswsx56.cn/";
			
			var vm;
			vm=new Vue({
				el:'#os',
				data:{
					notice:{},
					line:{},
					line_detail:{
						line_citys:{}
					},
					line_detail_bg:{}
				}
			});
			
			$(document).ready(function(){
				sessionStorage.setItem("aindex",0);
				$(".nav-item").removeClass("nav-active");
				$(".nav-item").eq(0).addClass("nav-active");
				
				if(sessionStorage.getItem("user-id")==null){
					$("#user-phone").css("display","block");
					$("#user-passwd").css("display","block");
					$("#user-forget").css("display","block");
					$("#user-login").css("display","inline-block");
					$("#user-register").css("display","inline-block");
					$(".user-hello").css("display","none");
					$("#user-name").text("");
					$("#user-exit").css("display","none");
				}else{
					$("#user-phone").css("display","none");
					$("#user-passwd").css("display","none");
					$("#user-forget").css("display","none");
					$("#user-login").css("display","none");
					$("#user-register").css("display","none");
					$(".user-hello").css("display","block");
					$.ajax({
						url:url+"user.php/getUser3?id="+sessionStorage.getItem("user-id"),
						dataType:'json',
						type:'get',
						ContentType:"application/json;charset=utf-8",
						data:JSON.stringify({
						}),
						success:function(msg){
							if(msg.result==0){
								$("#user-name").text(msg.user.name);
							}
						},
						error:function(e){
							console.log(e);
						}
					});
					$("#user-exit").css("display","inline-block");
				}
				
				$.ajax({
					url:url+"notice.php/getNotices",
					dataType:'json',
					type:'get',
					ContentType:"application/json;charset=utf-8",
					data:JSON.stringify({
					}),
					success:function(msg){
						vm.notice=msg.notices;
					},
					error:function(e){
						console.log(e);
					}
				});
				$.ajax({
					url:url+"line.php/getLines",
					dataType:'json',
					type:'get',
					ContentType:"application/json;charset=utf-8",
					data:JSON.stringify({
					}),
					success:function(msg){
						vm.line=msg.lines;
					},
					error:function(e){
						console.log(e);
					}
				});
			});
			
			function view1LeftTabOver(index){
				$(".view1-left-tab-item").removeClass("view1-left-tab-active");
				$(".view1-left-tab-item").eq(index).addClass("view1-left-tab-active");
				$(".view1-left-tab-item").eq(0).children("img").attr("src","images/query0.png");
				$(".view1-left-tab-item").eq(1).children("img").attr("src","images/query1.png");
				$(".view1-left-tab-item").eq(index).children("img").attr("src","images/query"+index+"-active.png");
				$(".view1-left-content").removeClass("visible");
				$(".view1-left-content").eq(index).addClass("visible");
			}
			
			function view1RightContentTo(index){
				sessionStorage.setItem("psindex",index);
				window.location.href="product_service.html";
			}
			function view1RightContentOver(index){
				$(".view1-right-content-item").eq(0).children("img").attr("src","images/ps0.png");
				$(".view1-right-content-item").eq(1).children("img").attr("src","images/ps1.png");
				$(".view1-right-content-item").eq(2).children("img").attr("src","images/ps2.png");
				$(".view1-right-content-item").eq(3).children("img").attr("src","images/ps3.png");
				$(".view1-right-content-item").eq(4).children("img").attr("src","images/ps4.png");
				$(".view1-right-content-item").eq(5).children("img").attr("src","images/ps5.png");
				$(".view1-right-content-item").eq(6).children("img").attr("src","images/ps6.png");
				$(".view1-right-content-item").eq(7).children("img").attr("src","images/ps7.png");
				$(".view1-right-content-item").eq(index).children("img").attr("src","images/ps"+index+"-active.png");
				$(".view1-right-content-item").children("img").css("background","#ffffff");
				$(".view1-right-content-item").eq(index).children("img").css("background","#1596fa");
				$(".view1-right-content-item").children("span").css("color","#000000");
				$(".view1-right-content-item").eq(index).children("span").css("color","#1596fa");
			}
			function view1RightContentOut(){
				$(".view1-right-content-item").eq(0).children("img").attr("src","images/ps0.png");
				$(".view1-right-content-item").eq(1).children("img").attr("src","images/ps1.png");
				$(".view1-right-content-item").eq(2).children("img").attr("src","images/ps2.png");
				$(".view1-right-content-item").eq(3).children("img").attr("src","images/ps3.png");
				$(".view1-right-content-item").eq(4).children("img").attr("src","images/ps4.png");
				$(".view1-right-content-item").eq(5).children("img").attr("src","images/ps5.png");
				$(".view1-right-content-item").eq(6).children("img").attr("src","images/ps6.png");
				$(".view1-right-content-item").eq(7).children("img").attr("src","images/ps7.png");
				$(".view1-right-content-item").children("img").css("background","#ffffff");
				$(".view1-right-content-item").children("span").css("color","#000000");
			}
			
			function view2ItemTo(index){
				$.ajax({
					url:url+"line.php/getLine?id="+index,
					dataType:'json',
					type:'get',
					ContentType:"application/json;charset=utf-8",
					data:JSON.stringify({
					}),
					success:function(msg){
						vm.line_detail=msg.line;
						vm.line_detail_bg={backgroundImage:'url('+msg.line.bg_image+')'};
						$(".mask").css("display","block");
						$("#line-view").css("display","block");
					},
					error:function(e){
						console.log(e);
					}
				});
			}
			function line_close(){
				$(".mask").css("display","none");
				$("#line-view").css("display","none");
			}
			function view2ItemOver(index){
				$(".view2-item-title").css("background-size","100%");
				$(".view2-item-title").css("font-size","24px");
				$(".view2-item-title").eq(index).css("background-size","120%");
				$(".view2-item-title").eq(index).css("font-size","28px");
			}
			function view2ItemOut(){
				$(".view2-item-title").css("background-size","100%");
				$(".view2-item-title").css("font-size","24px");
			}
			
			function showTip(index){
				$(".contact-tip").eq(index).css("display","block");
			}
			function hideTip(){
				$(".contact-tip").css("display","none");
			}
			
			function user_login(){
				var phone=$("#user-phone").val();
				var passwd=$("#user-passwd").val();
				if(phone==""){
					$(".prompt-center").text("请输入手机号！");a_show();
				}else if(passwd==""){
					$(".prompt-center").text("请输入密码！");a_show();
				}else{
					$.ajax({
						url:url+"user.php/getUser1?phone="+phone+"&passwd="+passwd,
						dataType:'json',
						type:'get',
						ContentType:"application/json;charset=utf-8",
						data:JSON.stringify({
						}),
						success:function(msg){
							if(msg.result==0){
								sessionStorage.setItem("oindex",0);
								sessionStorage.setItem("user-id",msg.user.id);
								sessionStorage.setItem("tenant-id",msg.user.tenant_id);
								$("#user-phone").css("display","none");
								$("#user-passwd").css("display","none");
								$("#user-forget").css("display","none");
								$("#user-login").css("display","none");
								$("#user-register").css("display","none");
								$(".user-hello").css("display","block");
								$("#user-name").text(msg.user.name);
								$("#user-exit").css("display","inline");
							}else{
								$(".prompt-center").text("手机号或密码错误！");a_show();
							}
						},
						error:function(e){
							console.log(e);
						}
					});
				}
			}
			function user_register(){
				sessionStorage.setItem("oindex",1);
				window.location.href="operate.html";
			}
			function user_forget(){
				sessionStorage.setItem("oindex",2);
				window.location.href="operate.html";
			}
			function user_exit(){
				sessionStorage.removeItem("user-id");
				sessionStorage.removeItem("tenant-id");
				sessionStorage.removeItem("bindex");
				$("#user-phone").css("display","block");
				$("#user-passwd").css("display","block");
				$("#user-forget").css("display","block");
				$("#user-login").css("display","inline-block");
				$("#user-register").css("display","inline-block");
				$(".user-hello").css("display","none");
				$("#user-name").text("");
				$("#user-exit").css("display","none");
			}
			function order_query(){
				var order_id=$("#order-id").val();
				if(order_id==""){
					$(".prompt-center").text("请输入运单号！");a_show();
				}else{
					if(sessionStorage.getItem("user-id")==null){
						window.location.href="operate.html";
					}else{
						sessionStorage.setItem("bindex",3);
						sessionStorage.setItem("order-id",order_id);
						window.location.href="member.html";
					}
				}
			}
			
			function order(){
				if(sessionStorage.getItem("user-id")==null){
					window.location.href="operate.html";
				}else{
					sessionStorage.setItem("bindex",5);
					window.location.href="member.html";
				}
			}
		</script>
	</body>
</html>